<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>博客</title>
		<script type="text/javascript">
            //适配移动端
			function resize() {
				var deviceWidth = document.documentElement.clientWidth;
				if (deviceWidth < 240) deviceWidth = 240;
					document.documentElement.style.cssText = 'font-size:' + (deviceWidth / 15) + 'px!important';
			}
			window.addEventListener('resize', resize);
			resize();
        </script>
        <!--[if !IE]> -->
	        <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	        <script src="__CDN__/assets/js/frontend/flexible.js"></script>
		    <script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
		    <link rel="stylesheet" type="text/css" href="__CDN__/assets/libs/bootstrap/dist/css/bootstrap.min.css"/>
			<link rel="stylesheet" href="__CDN__/assets/css/scoute/blogPc.css"/>
	    <!-- <![endif]-->
	
	    <!--[if lte IE 8]>
	        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	        <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
	        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
			<link rel="stylesheet" type="text/css" href="__CDN__/assets/libs/bootstrap/dist/css/bootstrap.min.css"/>
			<link rel="stylesheet" href="__CDN__/assets/css/scoute/blogPc.css"/>
	    <![endif]-->
	   
	     <!--[if gt IE 8]>
	        <script src="../bootstrap/js/jquery-3.1.1.min.js"></script>
			<script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
			<link rel="stylesheet" type="text/css" href="__CDN__/assets/libs/bootstrap/dist/css/bootstrap.min.css"/>
			<link rel="stylesheet" href="__CDN__/assets/css/scoute/blogPc.css"/>
	    <![endif]-->
	</head>
	<body>
	    {include file="scoute/header" /}
	    <div class="blog-banner">
		    <div class="container">
		        <div class="row">
		        	<div class="col-xs-12">
		        		<h1 class="search_Title">您要查找什么？</h1>		        		
		        	</div>
		        </div>
		    	<div class="row">
		            <div class="col-xs-12">
		                <div class="form-group blog-search">
		                    <input class="form-control blog-text" placeholder="请输入搜索内容" autocomplete="off" autofocus="" tabindex="0" autocorrect="off" autocapitalize="off" spellcheck="false">
		                    <!--<input type="button" class="blog-submit">-->
		                    <img class="search_img" src="__CDN__/assets/img/scoute/web/blogs/help_seek_icon_selected.png"/>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
		<div class="blog-wrap">
		    <div class="container">
		        <!--如果blog-menu显示 去掉hide blog-space加hide类名。
		        否则blog-space去掉hide blog-menu加上hide变成隐藏-->
		        <div class="blog-space hide"></div>
		        <div class="row">
		            <main class="blog-main col-md-9">
		                <div class="blog-article">
		                    <article class="blog-post">
		                        <dl class="post-dl clearfix">
		                            <dt class="post-img"><a href=""><img src="__CDN__/assets/img/scoute/web/blogs/blogs_bg.png" alt=""></a></dt>
		                            <dd class="post-main">
		                                <h2 class="post-head"><a href="">丢掉繁杂的概念 告诉你什么是真正的区块链</a></h2>
		                                <p class="post-content"><a href="">最近都在热炒一个概念，这便是区块链，但是纵观整个行业，似乎也没有哪位能够把这个区块链给说的特别透彻，总是让人云里来雾里去，现在，便把这个新概念给揉碎了，让所有人都知道，这个东西到底是...</a></p>
		                                <div class="post-permalink clearfix">
		                                    <div class="techgw left">CAM技术顾问</div>
		                                    <div class="post-look left"><span>1016</span>浏览</div>
		                                    <div class="post-time left">2018-05-03</div>
		                                    <!--<div class="post-attention left"><span></span><i>关注</i></div>-->
		                                    <!--<div class="post-all right"><a href="">阅读原文>></a></div>-->
		                                </div>
		                            </dd>
		                        </dl>
		                    </article>
		                    <article class="blog-post">
		                        <dl class="post-dl clearfix">
		                            <dt class="post-img"><a href=""><img src="__CDN__/assets/img/scoute/web/blogs/blogs_bg.png" alt=""></a></dt>
		                            <dd class="post-main">
		                                <h2 class="post-head"><a href="">丢掉繁杂的概念 告诉你什么是真正的区块链</a></h2>
		                                <p class="post-content"><a href="">最近都在热炒一个概念，这便是区块链，但是纵观整个行业，似乎也没有哪位能够把这个区块链给说的特别透彻，总是让人云里来雾里去，现在，便把这个新概念给揉碎了，让所有人都知道，这个东西到底是...</a></p>
		                                <div class="post-permalink clearfix">
		                                    <div class="techgw left">CAM技术顾问</div>
		                                    <div class="post-look left"><span>1016</span>浏览</div>
		                                    <div class="post-time left">2018-05-03</div>
		                                    <!--<div class="post-attention left"><span></span><i>关注</i></div>
		                                    <div class="post-all right"><a href="">阅读原文>></a></div>-->
		                                </div>
		                            </dd>
		                        </dl>
		                    </article>
		                    <article class="blog-post">
		                        <dl class="post-dl clearfix">
		                            <dt class="post-img"><a href=""><img src="__CDN__/assets/img/scoute/web/blogs/blogs_bg.png" alt=""></a></dt>
		                            <dd class="post-main">
		                                <h2 class="post-head"><a href="">丢掉繁杂的概念 告诉你什么是真正的区块链</a></h2>
		                                <p class="post-content"><a href="">最近都在热炒一个概念，这便是区块链，但是纵观整个行业，似乎也没有哪位能够把这个区块链给说的特别透彻，总是让人云里来雾里去，现在，便把这个新概念给揉碎了，让所有人都知道，这个东西到底是...</a></p>
		                                <div class="post-permalink clearfix">
		                                    <div class="techgw left">CAM技术顾问</div>
		                                    <div class="post-look left"><span>1016</span>浏览</div>
		                                    <div class="post-time left">2018-05-03</div>
		                                    <!--<div class="post-attention left"><span></span><i>关注</i></div>
		                                    <div class="post-all right"><a href="">阅读原文>></a></div>-->
		                                </div>
		                            </dd>
		                        </dl>
		                    </article>
		                    <article class="blog-post">
		                        <dl class="post-dl clearfix">
		                            <dt class="post-img"><a href=""><img src="__CDN__/assets/img/scoute/web/blogs/blogs_bg.png" alt=""></a></dt>
		                            <dd class="post-main">
		                                <h2 class="post-head"><a href="">丢掉繁杂的概念 告诉你什么是真正的区块链</a></h2>
		                                <p class="post-content"><a href="">最近都在热炒一个概念，这便是区块链，但是纵观整个行业，似乎也没有哪位能够把这个区块链给说的特别透彻，总是让人云里来雾里去，现在，便把这个新概念给揉碎了，让所有人都知道，这个东西到底是...</a></p>
		                                <div class="post-permalink clearfix">
		                                    <div class="techgw left">CAM技术顾问</div>
		                                    <div class="post-look left"><span>1016</span>浏览</div>
		                                    <div class="post-time left">2018-05-03</div>
		                                    <!--<div class="post-attention left"><span></span><i>关注</i></div>
		                                    <div class="post-all right"><a href="">阅读原文>></a></div>-->
		                                </div>
		                            </dd>
		                        </dl>
		                    </article>
		                </div>
						<div class="pagination">
							<ul class="page-ist">
								<li class="page-item page-first"><a href="">上一页</a></li>
								<li class="page-item"><a href="">1</a></li>
								<li class="page-item"><a href="">2</a></li>
								<li class="page-item"><a href="">3</a></li>
								<li class="page-item"><a href="">4</a></li>
								<li class="page-item"><a href="">5</a></li>
								<li class="page-item"><a href="">6</a></li>
								<li class="page-item page-end"><a href="">下一页</a></li>
							</ul>
						</div>
		            </main>
		            <aside class="blog-aside col-md-3">
		                <!--<div class="what-qkl">
		                    <a href=""><img src="../images/Web/blogs/blogs_bg.png" alt="" class="img-responsive"></a>
		                </div>-->
		                <div class="all-essay">
		                    <div class="essay-tit">
		                        <div class="essay-title">文章栏目</div>
		                        <!--<div class="essay-line"></div>-->
		                    </div>
		                    <ul class="essay-list">
		                        <li class="essay-item1"><a href="">行业资讯</a></li>
		                        <li class="sel-assay"><a href="">最新公告</a></li>
		                        <li class=""><a href="">推广活动</a></li>
		                        <li class=""><a href="">更新日志</a></li>
		                    </ul>
		                </div>
		                <div class="all-essay">
		                    <div class="essay-tit">
		                        <div class="essay-title">日期归档</div>
		                        <!--<div class="essay-line"></div>-->
		                    </div>
		                    <div class="adta-archive">
		                    	<dl>
		                    		<dt><a href="">2018年 </a><span>26篇</span></dt>
		                    		<dd><a href="">05月</a><span>26篇</span></dd>
		                    		<dd><a href="">04月</a><span>6篇</span></dd>
		                    		<dd><a href="">03月</a><span>2篇</span></dd>
		                    		<dd><a href="">02月</a><span>10篇</span></dd>
		                    	</dl>
		                    	<dl>
		                    		<dt><a href="">2017年 </a><span>26篇</span></dt>
		                    		<dd><a href="">05月</a><span>26篇</span></dd>
		                    		<dd><a href="">04月</a><span>6篇</span></dd>
		                    		<dd><a href="">03月</a><span>2篇</span></dd>
		                    		<dd><a href="">02月</a><span>10篇</span></dd>
		                    	</dl>
		                    </div>
		                </div>
		            </aside>
		        </div>
		    </div>
		</div>
		{include file="scoute/footer"}
	</body>
</html>
<script type="text/javascript">
//页面DOM结构绘制完成后执行
$(document).ready(function(){
	var ScrTop = document.documentElement.scrollTop || document.body.scrollTop;
	if(ScrTop > 0){
		$('.navbar').css('box-shadow','0 10px 25px rgba(0,52,74,0.18)')
	}else{
		$('.navbar').css('box-shadow','0 0 0 rgba(0,0,0,0)')
	}
});
//监听页面的滚动
window.addEventListener('scroll',function(){
	var ScrTop = document.documentElement.scrollTop || document.body.scrollTop;
	if(ScrTop > 0){
		$('.navbar').css('box-shadow','0 10px 25px rgba(0,52,74,0.18)')
	}else{
		$('.navbar').css('box-shadow','0 0 0 rgba(0,0,0,0)')
	}
});
//导航栏鼠标停留样式
$('.navList a').hover(function(){
	$(this).addClass('act1');
	$(this).parent().siblings().children('a').removeClass('act')
},function(){
	$(this).removeClass('act1')
});
//导航栏鼠标点击样式
$('.navList a').each(function(index,elem){
	$(this).click(function(){
		$(this).addClass('act2');
		$(this).parent().siblings().children('a').removeClass('act2');
	});
});
//中英文切换按钮
$('.cutLan').click(function(){
    //取消事件冒泡
    event.stopPropagation();
    $('.lan').slideToggle(250);
});
//点击空白处隐藏弹出层，下面为滑动消失效果和淡出消失效果。
$(document).click(function(event){
    var _con = $('.lan');  // 设置目标区域
    if(!_con.is(event.target) && _con.has(event.target).length === 0){ // Mark 1
    	//$('#divTop').slideUp('slow');  //滑动消失
        $('.lan').slideUp(250);   //淡出消失
    }
});
$('.lan>div').click(function(){
    //取消事件冒泡
    event.stopPropagation();
    $('.lan').slideUp(250);
});
//日期
$('.adta-archive dt').click(function(){
	$(this).siblings('dd').slideToggle()
});
var isBegin2 = false;
$('.adta-archive dt').each(function(index,elem){
	$(this).click(function(){
		if(isBegin2 == false){
			$(this).siblings('dd').slideDown(200);
			$(this).parent('dl').siblings('dl').find('dd').slideUp(200)
		}else{
			$(this).siblings('dd').slideUp(200)
		}
		isBegin2 = !isBegin2
	});
})
</script>